<template>
  <div>
    <el-tabs tab-position="left" type="border-card" style="height: 330px">
      <el-tab-pane label="可交易品种/合约">
        <div>
          <el-button icon="el-icon-plus" type="primary" style="margin-bottom: 12px;" @click="handleEdit">
            新增
          </el-button>
          <risk-table :list="dataList"></risk-table>
        </div>
      </el-tab-pane>
      <el-tab-pane label="交易方向">配置管理</el-tab-pane>
      <el-tab-pane label="交易数量">角色管理</el-tab-pane>
      <el-tab-pane label="不活跃合约">定时任务补偿</el-tab-pane>
      <el-tab-pane label="风险度">定时任务补偿</el-tab-pane>
      <el-tab-pane label="权益">定时任务补偿</el-tab-pane>
      <el-tab-pane label="亏损">定时任务补偿</el-tab-pane>
      <el-tab-pane label="保证金">定时任务补偿</el-tab-pane>
      <el-tab-pane label="强平">定时任务补偿</el-tab-pane>
      <el-tab-pane label="定时强平">定时任务补偿</el-tab-pane>
      <el-tab-pane label="持仓数量">定时任务补偿</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import riskTable from './components/table'
export default {
  components: {
    riskTable
  },
  data() {
    return {
      dataList: []
    }
  }
}
</script>